<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
</head>
<body>
<div class="public-header">
    <div class="public-container clearfloat">
        <div class="header-logo"><a href=""></a></div>
        <ul class="header-nav clearfloat">
            <li class="item"><a href="">Our Story </a></li>
            <li class="item"><a href="">Menu</a></li>
            <li class="item"><a href="">Reservations</a></li>
            <li class="item"><a href="">News</a></li>
            <li class="item"><a href="">Rviews</a></li>
        </ul>

    </div>
</div>
<div class="index-banner">
    <div class="index-banner-bg">
        <img src="images/demo1.png" alt="">
    </div>
    <div class="index-banner-text">
        <div class="text-logo"></div>

        <p class="text-info">
            <i class="line"></i>
            <span class="text-info-txt">resto restaurant home page website template</span>
            <i class="line"></i>
        </p>
     </div>
    </div>
<div class="index-menu">
    <div class="menu-tips">The Menu</div>
    <div class="public-container menu-list">
        <ul>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
            <li class="menu-item clearfloat">
                <a class="title" href="">
                    <h4>Voluptate cillum fugiat.</h4>
                    <p class="comment">Cheese, tomato, mushrooms, onions</p>
                </a>
                <div class="line"></div>
                <div class="price">$50</div>
            </li>
        </ul>

    </div>
    <a class="menu-more-btn" href="">load more <span>|</span><span class="icon"></span> </a>
</div>
<div class="public-container index-panel">
    <div class="index-panel-header clearfloat">
        <h3>Featured Dishes</h3>
        <div class="line"></div>
        <div class="btn-group">
            <a class="btn active" href=""></a>
            <a class="btn" href=""></a>
            <a class="btn" href=""></a>
            <a class="btn" href=""></a>
        </div>

    </div>
    <div class="index-panel-body index-food-list">
        <ul class="clearfloat">
            <li class="food-item"><a href="">
                <img class="banner" src="images/food-list-1.png" alt="">
                <div class="name"><span class="price">$30</span>Fugiat nulla sint </div>
                <div class="star-bar">
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star nostar"></span>
                </div>
            </a></li>
            <li class="food-item"><a href="">
                <img class="banner" src="images/food-list-1.png" alt="">
                <div class="name"><span class="price">$30</span>Fugiat nulla sint </div>
                <div class="star-bar">
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star nostar"></span>
                </div>
            </a></li>
            <li class="food-item"><a href="">
                <img class="banner" src="images/food-list-1.png" alt="">
                <div class="name"><span class="price">$30</span>Fugiat nulla sint </div>
                <div class="star-bar">
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star nostar"></span>
                </div>
            </a></li>
            <li class="food-item"><a href="">
                <img class="banner" src="images/food-list-1.png" alt="">
                <div class="name"><span class="price">$30</span>Fugiat nulla sint </div>
                <div class="star-bar">
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star"></span>
                    <span class="star nostar"></span>
                </div>
            </a></li>

        </ul>
    </div>
</div>
<div class="public-container index-panel">
    <div class="index-panel-header clearfloat">
        <h3>Featured Dishes</h3>
        <div class="line"></div>


    </div>
    <div class="index-panel-body index-pics">
        <a class="pic-col pic-col-m"><img src="images/index-pics-m.png" alt=""></a>
        <div class="pic-col pic-col-s">
        <a class="pic-raw pic-col-s"><img src="images/index-pics-s-l.png" alt=""></a>
        <a class="pic-raw pic-col-s"><img src="images/index-pics-s-s.png" alt=""></a>
        </div>
        <a class="pic-col pic-col-l"><img src="images/index-pics-l.png" alt=""></a>
    </div>
</div>

<div class="public-footer">
    <div class="public-container">

        <div class="footer-col">
            <p>New York Restaurant<br/>
            3926 Anmoore Road<br/>
            New York, NY 10014<br/>
                <a href="tel:718-749-1714">718-749-1714</a><br/>
            </p>
        </div>
        <div class="footer-col">
            <p>France Restaurant<br/>
            68, rue  de la Couronne<br/>
            75002 PARIS <br/>
            02.94.23.69.56</p>
        </div>
        <div class="footer-col">
            <a href="">Blog</a>
            <a href="">Careers</a>
            <a href="">Privacy Policy</a>
            <a href="">Contact</a>
        </div>
        <div class="footer-col footer-col-nor">
            <div class="footer-logo"></div>
            <div class="footer-info">
            © All Rights Reserved 2014.<br/>
            Find  More at Pixelhint.com<br/>
            </div>
        </div>
    </div>
</div>

</body>
</html>